<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telphone=no, email=no">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="description" content="首页-底部">
    <meta name="robots" content="">
    <title></title>
    <link rel="stylesheet" href="https://xzwx.oss-cn-shanghai.aliyuncs.com/xzyd/css/nmt/reset.css">
    <link rel="stylesheet" href="./css/index.css">

    <script src="https://xzwx.oss-cn-shanghai.aliyuncs.com/xzyd/js/nmt/jquery.1.8.js"></script>
</head>

<body>
    <div class="indexContain">
        <div class="indexContain-top w">
            <ul class="picture-ul margin-bottom clear">
                <li class="margin-right"><a href=""><img class="picture-first" src="./img/picture01.png" alt=""></a>
                </li>
                <li>
                    <div class="margin-bottom clear">
                        <a href=""><img class="fl picture-second margin-right" src="./img/picture02.png" alt=""></a>
                        <a href=""><img class="fl picture-second" src="./img/picture03.png" alt=""></a>
                    </div>
                    <a href=""><img class="picture-third" src="./img/picture04.png" alt=""></a>
                </li>
            </ul>
            <ul class="picture-ul clear">
                <li class="margin-right"><a href=""><img src="./img/picture05.png" class="picture-second" alt=""></a>
                </li>
                <li class="margin-right"><a href=""><img src="./img/picture06.png" class="picture-second" alt=""></a>
                </li>
                <li class="margin-right"><a href=""><img src="./img/picture07.png" class="picture-second" alt=""></a>
                </li>
                <li><a href=""><img src="./img/picture08.png" class="picture-second" alt=""></a></li>
            </ul>
        </div>
        <div class="indexContain-bottom">
            <p class="more-title">更多分类浏览图库</p>
            <div class="more-contain">
                <span class="linear-gradient"></div>
                <div class="w" style="padding:30px 0;">
                    <ul class="contain-ul clear">
                        <li class="contain-li margin-right"><a href="">抽象</a></li>
                        <li class="contain-li margin-right"><a href="">动物</a></li>
                        <li class="contain-li margin-right"><a href="">庆祝</a></li>
                        <li class="contain-li "><a href="">景观和自然</a></li>
                    </ul>
                    <ul class="contain-ul clear">
                        <li class="contain-li margin-right"><a href="">卫星</a></li>
                        <li class="contain-li margin-right"><a href="">商业</a></li>
                        <li class="contain-li margin-right"><a href="">时尚</a></li>
                        <li class="contain-li "><a href="">概念</a></li>
                    </ul>
                    <ul class="contain-ul clear">
                        <li class="contain-li margin-right"><a href="">教育</a></li>
                        <li class="contain-li margin-right"><a href="">家庭</a></li>
                        <li class="contain-li margin-right"><a href="">信息科技和通讯</a></li>
                        <li class="contain-li "><a href="">科学技术</a></li>
                    </ul>
                    <ul class="contain-ul clear">
                        <li class="contain-li margin-right"><a href="">抽象</a></li>
                        <li class="contain-li margin-right"><a href="">动物</a></li>
                        <li class="contain-li margin-right"><a href="">庆祝</a></li>
                        <li class="contain-li "><a href="">景观和自然</a></li>
                    </ul>
                    <ul class="contain-ul clear">
                        <li class="contain-li margin-right"><a href="">卫星</a></li>
                        <li class="contain-li margin-right"><a href="">商业</a></li>
                        <li class="contain-li margin-right"><a href="">时尚</a></li>
                        <li class="contain-li "><a href="">概念</a></li>
                    </ul>
                    <ul class="contain-ul clear">
                        <li class="contain-li margin-right"><a href="">教育</a></li>
                        <li class="contain-li margin-right"><a href="">家庭</a></li>
                        <li class="contain-li margin-right"><a href="">信息科技和通讯</a></li>
                        <li class="contain-li "><a href="">科学技术</a></li>
                    </ul>

                </div>
            </div>
        </div>

    </div>

</body>

</html>